//用来管理当前项目中所有的自定义指令
export const errImage = {
  //指令对象 会在当前的dom元素插入到节点之后执行
  //options 是指令中的变量 其中一个属性叫做 value
  //dom 表示当前指令作用的dom对象
  inserted: function (dom, options) {
    // dom.src = dom.src || options.value
    //处理图片异常
    //dom此时就是异常的图片对象
    //当图片有地址 但是地址没有加载成功的时候,会自动触发图片的一个事件:onerror
    dom.onerror = function () {
      //当图片加载出错,会将指令配置的默认图片设置为该图片的内容(设置一个假图片 options.value)
      dom.src = options.value //dom可以注册error事件
    }
  },
  //componentUpdated:自定义指令的一个方法,当结构加载更新完毕后触发
  componentUpdated(dom, options) {
    //如果图片为空就直接 将options.value赋值给图片
    dom.src = dom.src || options.value
  }
}

// // 再次创建一个自定义指令
// export const selfdir1 = {
//     inserted: function (dom) {
//         console.log('自定义指令1');
//     }
// }
// //再次创建一个自定义指令
// export const selfdir2 = {
//   inserted: function (dom) {
//     console.log('自定义指令2');
//   }
// }
